﻿@model MobilesStore.WebUI.Models.ProductsListViewModel
@{
    ViewBag.Title = "Product";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
}

<div id="column-left">
        <!--Category Start -->
        <div class="box">
          <div class="box-heading">Categories</div>
          <div class="box-content box-category">
            <ul id="cat_accordion">
              <li class="custom_id20">@Html.ActionLink("Home","Index","Home")<span class="down"></span>
                @{Html.RenderAction("Menu", "Nav");}
              </li>
            </ul>
          </div>
        </div>
        <!--Category End -->
        <!--Refine Search Start-->
        <!--Refine Search End-->
        <!--Latest Product Start-->
        <div class="box">
          <div class="box-heading">Latest</div>
          <div class="box-content">
            <div class="box-product">
              <div class="flexslider">
                @{Html.RenderAction("LatestProductsSmall", "Nav");}
              </div>
            </div>
          </div>
        </div>
        <!--Latest Product End-->
        <!--Banner Start-->
        <div class="banner">
          <div><a href="#"><img src="../../Images/image/product/small-banner1-220x350.jpg" alt="banner" title="banner" /></a></div>
        </div>
        <!--Banner End-->
      </div>
      <!--Middle Part Start-->
      <div id="content">
        <!--Breadcrumb Part Start-->
        <div class="breadcrumb"> @Html.ActionLink("Home","Index","Home") &raquo; @Html.ActionLink("Mobiles","List","Product") </div>
        <!--Breadcrumb Part End-->
        <h1>Mobiles</h1>
        <div class="product-filter">
          <div class="display"><b>Display:</b> <span class="grid1-icon">Grid</span> <a href="#" class="list-icon">List</a></div>
          <div class="limit"><b>Show:</b>
            <select >
              <option value="15" selected="selected">15</option>
              <option value="25">25</option>
              <option value="50">50</option>
              <option value="75">75</option>
              <option value="100">100</option>
            </select>
          </div>
          <div class="sort"><b>Sort By:</b>
            <select>
              <option value="" selected="selected">Default</option>
              <option value="">Name (A - Z)</option>
              <option value="">Name (Z - A)</option>
              <option value="">Price (Low &gt; High)</option>
              <option value="">Price (High &gt; Low)</option>
              <option value="">Rating (Highest)</option>
              <option value="">Rating (Lowest)</option>
              <option value="">Model (A - Z)</option>
              <option value="">Model (Z - A)</option>
            </select>
          </div>
        </div>
        <!--Product Grid Start-->
        <div class="product-grid">
          @foreach (var p in Model.Products)
          {
              Html.RenderPartial("ProductSummary", p);
          }
        </div>
        <!--Product Grid End-->
        <!--Pagination Part Start-->
        <div class="pagination">
          <div class="links">@Html.PageLinks(Model.pagingInfo,x => Url.Action("List", new {page = x,category = Model.CurrentCatgory}))</div>
          <div class="results">Showing in (@Model.pagingInfo.TotalPage Pages)</div>
        </div>
        <!--Pagination Part End-->
      </div>
      <!--Middle Part End-->

